@font-face {
	font-family: 'PingFang';
	src: url("../fonts/PingFang Medium.ttf");
}

@font-face {
	font-family: 'din';
	src: url("../../static/DINAlternate-Bold.ttf");
}

a {
    text-decoration: none;
    background-color: transparent;
    color: #39393b;
}
/*
.text-align-center>span{
    display: none !important;
}
*/
html,body {
    font-family:PingFangSC-Regular,'PingFang';
	background: #f5f5f5;
    
}

* {
    font-family: PingFangSC-Regular,'PingFang';
}


* {
    box-sizing: border-box !important;
    word-break: break-all;
}


input{
    letter-spacing:1rpx;
}



.psr {
    position: relative;
}

.psa {
    position: absolute;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}


.a-center {
    align-items: center;
}

.j-center{
    justify-content: center;
}

.j-between {
    justify-content: space-between;
}

.j-around {
    justify-content: space-around;
}


.d-flex {
    display: flex;
}

.d-c {
    flex-direction: column;
    
}
.d-r {
    flex-direction: row !important;
}

.j-end {
    justify-content: flex-end;
}


.wrap {
    flex-wrap: wrap;
}

.nowrap {
    flex-wrap: nowrap;
}

.uline{
    text-decoration: underline;
}

.c_main{
    color:$slim-main;
}

.b_main{
    background-color:$slim-main;
}

.wh-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.h-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.w-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}


.ell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    lines:1;
}


.f24{
    font-size:24rpx;
}

.f26{
    font-size:26rpx;
}
.f28{
    font-size:28rpx;
}
.f30{
    font-size:30rpx;
}
.f32{
    font-size:32rpx;
}

.f34{
    font-size:34rpx;
}


.text2{
    color:$slim-text2;
}
.text3{
    color:$slim-text3;
}
.text5{
    color:$slim-text5;
}
.text_main{
    color:$slim-main;
}


.section {
    position: absolute;
    left: 0;
    right: 0;
    width:750rpx;
    overflow:hidden;
    bottom: calc(constant(safe-area-inset-bottom) + 110rpx);
    bottom: calc(env(safe-area-inset-bottom) + 110rpx);
    z-index: 10;
    &.notabbar{
        bottom: calc(constant(safe-area-inset-bottom) - 10rpx);
        bottom: calc(env(safe-area-inset-bottom) - 10rpx);

    }
}


.error{
    color:$slim-error;
}



.dotTab {
    position: relative;
    width: 300rpx;
    height: 52rpx;
    .active_tab_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 150rpx;
        height: 52rpx;
        border-radius: 35rpx;
        transition: all linear 0.15s;
        align-items: flex-end;
        .linear {
            width: 88rpx;
            height: 26rpx;
            background: linear-gradient(
                270deg,
                rgba(73, 243, 210, 0) 0%,
                #23e2a6 100%
            );
            border-radius: 13rpx;
        }
        &.active {
            transform: translateX(150rpx);
        }
    }
    .tab {
        position: absolute;
        z-index: 5;
        top: 0;
        width: 150rpx;
        height: 52rpx;
        border-radius: 35rpx;
        color: #999999;
        font-size: 34rpx;
        transition: all linear 0.15s;
        font-weight: bold;
        &.active {
            color: $slim-text3;
            font-size: 40rpx;
            z-index: 10;
        }
    }
}


.ajloader {
	position: absolute;
	z-index: 5000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    background:#fff;
}

.ajloaderBG {
	width: 90px;
	height: 60px;
	background: #000;
	border-radius: 6px;
	opacity: .7;
}

.loader-shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 9999;
}

.load8 .loader,
.load8 .loader:after {
	border-radius: 50%;
	width: 50rpx;
	height: 50rpx;
}

.load8 .loader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999rem;
	border-top: .2rem solid rgba(255, 255, 255, 0.2);
	border-right: .2rem solid rgba(255, 255, 255, 0.2);
	border-bottom: .2rem solid rgba(255, 255, 255, 0.2);
	border-left: .2rem solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


.c6{
    color:#666;
}
.c9{
    color:#999;
}


.slim_header{
    font-size:32rpx;
    color:$slim-text3;
    font-weight:600;
    position:fixed;
    width:750rpx;
    top:0;
    left:0;
    height:100rpx;
    background:#fff;
    border-bottom:1px solid #ddd;
    .left_box{
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        left:20rpx;
        display: flex;
        min-width:50rpx;
        align-items: center;
        justify-content: flex-start;
    }
    .back,.dian {
            width: 48rpx;
            height: 48rpx;
    }

    .right_box{
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        right:20rpx;
        display: flex;
        min-width:50rpx;
        align-items: center;
        justify-content: flex-end;
    }

    

    
}

.slim_box {
    width: 710rpx;
    margin: 0 auto;
    background: #fff;
    border-radius: 20rpx;
    .title{
        position:relative;
        font-size:32rpx;
        font-weight:600;
        height: 100rpx;
        padding: 0 30rpx;
        color: $slim-text3;
        .text{
            position:relative;
            z-index:5;
        }
        &::before {
            display: block;
            content:'';
            position: absolute;
            left:30rpx;
            bottom:30rpx;
            width: 150rpx;
            height: 26rpx;
                background: linear-gradient(
                    270deg,
                    rgba(73, 243, 210, 0) 0%,
                    #23e2a6 100%
                );
                border-radius: 13rpx;
        }

    }
    .sheet{
        padding:20rpx;
        background:#fff;
        border-radius: 20rpx;
    }
    .row {
        height: 100rpx;
        padding: 0 30rpx;
        font-size: 30rpx;
        color: $slim-text3;
        border-radius: 20rpx;
        

        &:active {
            background: #f5f5f5;
        }

        &.noactive {
            background: #fff;
        }
        .inp {
            text-align: right;
        }

        .error {
            color: $slim-error;
        }
        .icon-more-2{
            font-size:20rpx;
            color:#999;
        }
    }
}

.slim_textarea{
    width:100%;
    min-height:400rpx;
    line-height:30rpx;
    border-radius: 20rpx;
    background:#f5f5f5;
    padding:30rpx;
    color:$slim-text3;
    font-size:30rpx;
}

.nodata {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 750rpx;
    height: 100%;
    .nodata-img {
        width: 360rpx;
        height: 360rpx;
    }
    .text{
        font-size:28rpx;
        color:#999;
    }
}

.uni-easyinput__content{
    background-color:#f5f5f5 !important;
    padding:0 20rpx;
}
.uni-textarea-textarea{
    font-size:30rpx !important;
    color:$slim-text3;
}
.uni-picker-container .uni-picker-action.uni-picker-action-confirm{
    color:#1DC691 !important;
}
.uni-picker-container .uni-picker-item{
    color:#1DC691 !important;
}

/*顶部导航*/
.state-navigation{
	height:calc(100rpx + var(--status-bar-height));
	background:#ffffff;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	
	.slim_header_navigation{
	    font-size:34rpx;
	    color:$slim-text3;
	    font-weight:600;
	    position:absolute;
	    top:var(--status-bar-height);
	    left:0;
		width:100%;
		height: 100rpx;
	    .left_box{
	        position:absolute;
	        top: 50%;
	        transform: translateY(-50%);
	        left:20rpx;
	        display: flex;
	        min-width:50rpx;
	        align-items: center;
	        justify-content: flex-start;
	    }
	    .back,.dian {
	            width: 48rpx;
	            height: 48rpx;
	    }
	    .right_box{
	        position:absolute;
	        top: 50%;
	        transform: translateY(-50%);
	        right:20rpx;
	        display: flex;
	        min-width:50rpx;
	        align-items: center;
	        justify-content: flex-end;
			.share-image{
				width: 60rpx;
				height: 60rpx;
			}
			.btn-text{
				font-size: 30rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
			}
	    }
        .title{
            max-width:500rpx;
            display: flex;
            overflow: hidden;
        }
	}
	
}
/*主体样式*/
.body-view{
	position:relative;
	width: 100vw;
	height: 100vh;
}


.popup-content {
    width: 750rpx;
    border-top-left-radius: 20rpx;
    border-top-right-radius: 20rpx;
    overflow: hidden;
    background: #fff;

    .desp {
        color: #999;
        font-size: 26rpx;
        min-height: 100rpx;
        padding: 20rpx;
    }

    .row {
        height: 100rpx;
    }

    .cancel {
        color: $slim-text3;
    }
}

.btn_bottom_box{
    position:fixed;
    width:750rpx;
    bottom:0;
    left:0;
    display: flex;
    flex-direction: column;
    align-items: center;
    .bottom_seat{
        height: constant(safe-area-inset-bottom);
        height: env(safe-area-inset-bottom);
        min-height:20rpx;
    }
}


.btn_main_c{
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width:690rpx;
    height:100rpx;
    background: linear-gradient(to right,#29DBA3,#64F1C5);
    border-radius: 50rpx;
    .text{
        color:#fff;
        font-size:32rpx;
    }

    &.fixed{
        position:fixed;
        bottom: constant(safe-area-inset-bottom);
        bottom: env(safe-area-inset-bottom);
        left:30rpx;
    }
}
.btn_main_r{
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width:690rpx;
    height:80rpx;
    background: linear-gradient(to right,#29DBA3,#64F1C5);
    border-radius: 20rpx;
    .text{
        color:#fff;
        font-size:32rpx;
        font-weight:600;
    }

    &.fixed{
        position:fixed;
        bottom: calc(constant(safe-area-inset-bottom) + 10rpx);
        bottom: calc(env(safe-area-inset-bottom) + 10rpx);
        left:30rpx;
    }

    &:active{
        opacity: .7;
    }
}


.btn_main_r_disabled{
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width:690rpx;
    height:80rpx;
    border-radius: 20rpx;
    background:#ddd;
    .text{
        color:#aaa;
        font-size:32rpx;
        font-weight:600;
    }

    &.fixed{
        position:fixed;
        bottom: calc(constant(safe-area-inset-bottom) + 10rpx);
        bottom: calc(env(safe-area-inset-bottom) + 10rpx);
        left:30rpx;
    }
}

.isTop{
    width:60rpx;
    height:30rpx;
    background: #FBE9D7;
    border-radius: 10rpx;
    font-size:20rpx;
    color:#F19945;
    margin-left:10rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_main_r_line{
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width:690rpx;
    height:80rpx;
    border-radius: 20rpx;
    border: 2rpx solid #29dba3;
    .text{
        color: #29dba3;
        font-size:32rpx;
    }

    &.fixed{
        position:fixed;
        bottom: calc(constant(safe-area-inset-bottom) + 10rpx);
        bottom: calc(env(safe-area-inset-bottom) + 10rpx);
        left:30rpx;
    }

    &:active{
        opacity: .7;
    }
}
/*底部弹出操作确认框样式*/
.sys-confirm-content{
	background: #FFFFFF;
	border-radius: 20rpx 20rpx 0rpx 0rpx;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	.confirm-content-title{
		padding-top: 50rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 600;
		color: #333333;
	}
	.confirm-content-tip{
		padding: 20rpx 40rpx 20rpx 90rpx;
		.content-tip-row{
			font-size: 30rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
		}
	}
	.content-button{
		height: 100rpx;
		line-height: 100rpx;
		
		text-align: center;
		font-size: 34rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 600;
	}
	.button-confirm{
		margin-top: 20rpx;
	}
}

.st_btn{
    font-size:26rpx;
    color:#1DC691;
}
